
<style type="text/css">

/** 左侧样式 **/
.left_part { float: left; width: 500px; padding: 20px; min-height: 280px; text-align: left; border: 0px solid #000; }
.left_part h1 { color: #dd4b39; font-size: 23px; font-weight: normal; font-family: Arial,sans-serif}
.left_part h2 { color: #222; font-size: 15px; font-weight: normal; }
.left_part p { margin: 0 auto; text-align: left; padding: 10px; margin-top: 20px; background-color: #f7f7f7; }
.left_part ul { margin: 0 auto; padding-left: 20px; padding-top: 20px; }
.left_part li { color: gray; line-height: 180%; }
.left_part li b { padding-right: 10px; font-size: 14px; color: #000; }

/** 右侧样式 **/
.right_part { padding-left: 30px; width: 430px; background-color: transparent; text-align: center; padding-top: 40px; }
.right_part a.bluelink { color: blue; }
.right_part a.bluelink:hover { color: blue; text-decoration: underline; background-color: transparent; }

.bottom_tip { background: #FFFAF0; padding: 5px; color:#888; border:1px solid #f7f7f7; display:none; }
.bottom_tip a { text-decoration: underline; }

div.alert { margin-bottom: -20px; font-size: 13.8px;}
div.alert a { color: #555; text-decoration: none; font-size: 13.8px; text-decoration: underline; }
div.alert a:hover { color: red; background-color: transparent; text-decoration: underline; }

span.label { font-size:13px; }
</style>


<%= form_for(@user, :url => {:action => 'login'}) do |f| %>
<div id="main">

<div class="left_part">

<h1>天天笔记</h1>
<h2>一款风格简洁、操作方便、体验良好的免费网络在线记事本</h2>

<div class="well">欢迎使用天天笔记 - 网络记事本，本站近期正在完善中，会陆续推出一些新功能。
	希望各位朋友能够提出意见，帮助我们改善。最后，祝大家新年快乐～ &nbsp;&nbsp;—— 2013年新春</div>
<ul>
	<li><b>简洁</b>风格简洁，拥有文档、便笺、日历、日记本、收藏夹等</li>
	<li><b>快速</b>专门针对电信和联通进行优化，加快数据访问速度</li>
	<li><b>安全</b>高质量硬盘、定期数据备份，用户数据加密</li>
	<li><b>随身</b>支持手机访问，带上手机随时随地做记录</li>
</ul>

</div>
<div class="right_part">

	<h3>用户登录</h3>
	<% if(request['notice'] == 'reg_successfully') %>
	<span class="label label-success">亲爱的，恭喜您注册成功，请在这里登陆一下吧～</span>
	<% elsif('login_failure' == request['notice']) %>
	<span class="label label-warning">亲爱的，用户名或密码输入有误，再试一下吧 -_-!</span>
	<% end %>
	<table align="center" class="table" style="" rules=none>
	<tr>
		<th>用 户：</th>
		<td><%= f.text_field :name, :class=>'w150', :value => flash['reg_name'] || cookies[:login_name] %></td>
	</tr>
	<tr>
		<th>密 码：</th>
		<td><%= f.password_field :pass, :class=>'w150' %>
			&nbsp;<a href="/user/forgetpass" class="bluelink">忘记密码?</a>
		</td>
	</tr>
	<tr>
		<td colspan="2" align="center" style="padding-left: 50px;"><br/>
			<% if mobileUser? %>
			<div style="background-color:#DCFFD7; padding:3px; margin-bottom:3px;">
			系统检测到您正在使用手机上网，我们建议您使用手机版本，请点击：
			<a href="http://m.ttbiji.com"><u>http://m.ttbiji.com</u></a>
			</div>
			<% end %>
			<%= f.submit '安全登录', :class=>'btn btn-primary btn-large' %> &nbsp;&nbsp;
			<button class="btn btn-large" name="button" onclick="location.href='/user/reg'; return false;" type="button">用户注册</button>
		<td>
	</tr>
	</table>
</div>
<% end %>

<div id="reg_add" style="text-align:left;">
	<script type="text/javascript">
/*468*60，创建于2013-3-20*/
var cpro_id = "u1239875";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
</div>

</div>


<div class="alert">
    <a class="close" data-dismiss="alert">×</a>
    <strong>网络记事本 - 用户分享：</strong>
    <% getRandDoc(3).each do|doc| %>
    <a href="<%=getShareUrl(doc)%>" target="_blank"><%=doc.title%></a>&nbsp;&nbsp;|
    <% end %>
</div>


<div class="bottom_tip"></div>

<script type="text/javascript">
document.domain = 'ttbiji.com';
$(document).ready(function(){
	$('input[type="submit"]').click(function(){
		var v1 = $('#user_name').val();
		var v2 = $('#user_pass').val();
		if(v1.length == 0 || v2.length == 0) {
			alert('用户名或密码输入有误 -_-!');
			return false;
		}
		return true;
	});
});

</script>


